<template>
	<div class=' my'>
		<div class='toc_list toc_IM_userInfo'>
			<img class='avata' v-bind:src='userInfo.avatar'>
			<p>{{userInfo.name}}</p>
		</div>
		<div class='toc_list' @click="myCollection">我的收藏</div>
		<div class='toc_list divider'>我的文件</div>
		<div class='toc_list' @click="about">关于</div>
	</div>
</template>

<script>
	import TOC_IM_Mixin from '@/assets/scripts/TOC_IM_Mixin.js'
	export default {
	  	name: 'my',
	  	data(){
		    return {
	   
	    	}
		},
		mixins: [TOC_IM_Mixin],
		computed:{
	  		userInfo(){return this.$store.state.userInfo}
	  	},
	  	mounted(){
	  		this.headerController('我的','my');
	  	},
	  	methods:{
	  		myCollection(){
	  			
	  		},
	  		history(){
	  			
	  		},
	  		about(){
	  			this.$messagebox({
				  	title: 'Toc_IM',
				  	message: 'v0.1Alpha',
				  	showCancelButton: false
				});
	  		}
	  		
	  	}
	}
</script>

<style>
	div.toc_IM_userInfo img.avata{
		width: 50px;
		height: 50px;
		border-radius: 5px;
		float: left;
	}
	div.toc_IM_userInfo p{
		margin-left: 10px;
		float: left;
	}
</style>